<!DOCTYPE html>
<html>
    <head>
      <title>Categories PC-Store</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
		<meta name="viewport" content="width=device-width, initial-scale=1">
        <title>PC-Store-</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" />	
		<script src="js/jquery-1.10.2.min.js"></script>
		<script src="js/jquery.mobile-1.4.2.min.js"></script>
    </head>
    <body>
    <div data-role="page" id="pageone">
    <div class="Contain">
    <!--logo-->
    <div data-role="header">
  <header>
        <div class="logo">
            <a href="home.html">
                <img src="images/logo.png" />
            </a>
        </div>
		<div class="clear"></div>
    </header>
  </div>
        <!--endlogo-->      
        
        <div data-role="main" class="ui-content">
        	
						<div class="post">
							<h2>Your Card<span class="title-bottom">&nbsp;</span></h2>
								<div class="CSSTableGenerator" >
												<table >
													<tr>
														<td>
															STT
														</td>
														<td >
															Product Name
														</td>
														<td>
															Price
														</td>
                                                        <td>
															Image
														</td>   
                                                        <td>
                                                        Factory
                                                        </td>                                                    
                                                        <td >
															War
														</td>
													</tr>
													<tr>
														<td >
															 1
														</td>
														<td>
															 ACER ASPIRE
														</td>
														<td>
															$ 150
														</td>													
														<td >
                                                        <div > 
															<img class="imgpr"  src="images/product-img4.jpg"  />
                                                            </div>
														</td>
														<td>
                                                        ACER
                                                        </td>
														<td>
															3
														</td>
													</tr>
													<tr>
														<td >
															 2
														</td>
														<td>
															Dell Intel
														</td>
														<td>
															$ 600
														</td>
                                                        <td>
                                                        <div > 
															<img class="imgpr" src="images/featured-img1.jpg"  />
                                                            </div>
														</td>
                                                        <td>
															Dell
														</td>
                                                        <td>
															2
														</td>
													</tr>
													<tr>
														<td >
															3
														</td>
														<td>
															Sony Vaio
														</td>
                                                       
														<td>
															$ 1000
														</td>
                                                        <td>
                                                        <div> 
															<img class="imgpr" src="images/side-img3.jpg"  />
                                                            </div>
														</td>
                                                        <td>
															Sony
														</td>
                                                        <td>
															3
														</td>
													</tr>
												</table>
											</div>
						</div>
                        
						<!-- End Products -->
                        <div class="cl">
                        </div>
              <div align="right"  class="info">Total<input style="width: 100px; height: 30px;" readonly type="text" name="name" />
			</div>                 
					
                  
					<div class="buttonslogin">
                                     <a class="button" id="login" href="#">Continue To Buy</a>
                                     
                    </div>											
					<div class="buttonslogin ">
                      <a class="button" id="login" href="#">Payment</a>
                                     
                    </div>	
                    </div>		
                                                           
        <!-- Begin Footer -->
		<div data-role="footer" id="footer">
			<div class="shell">
				<p class="bottom-menu"><a href="#" title="Home">About Us</a><span>|</span><a href="#" title="Special Offers">Privacy Policy</a><span>|</span><a href="#" title="Log In">Terms &amp; Conditions</a><span>|</span><a href="#" title="Account">Contact Us</a><span>|</span><a href="#" title="Basket">Site Map</a></p>
				<p>Copyright &copy; PC Store 2012. Design by: <a href="http://css-free-templates.com/" title="CSS Free Templates">CSS-Free-Templates</a>. All Rights Reserved. </p>
				<div class="cl">&nbsp;</div>
			</div>
		</div>
		<!-- End Footer -->
        </div>
       
    </body>
    </html>